<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>部落冲突</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script>
	window.onload = function () {
		window.onscroll =function (){
			var up = document.getElementById("up");
			var topnumber = document.body.scrollTop || document.documentElement.scrollTop;
			//alert(topnumber);
			if (topnumber >= 1930){
					up.style.display = "block";
				}else{
					up.style.display = "none";
					}
		};				
	};
	    function goTop(){
	document.body.scrollTop = document.documentElement.scrollTop = 0;
		}
</script>
</head>

<body>
    <div id="nav" class="w">
        <ul>
            <li class="l one"><a href="#">专区首页</a></li>
            <li class="l"><a href="#">最强攻略APP</a></li>
            <li class="l"><a href="#">阵型攻略</a></li>
            <li class="l"><a href="#">视频攻略</a></li>
            <li class="l"><a href="#">游戏论坛</a></li>
            <li class="l"><a href="#">游戏下载</a></li>
        </ul>
    </div>
    <div id="video" class="w">
        <div class="l left"><a class="l " href="#"><img src="images/indexvideo.jpg" /></a></div>
        <div class="l right">
        	<dl class="l one">
            	<dt><a href="#"><img src="images/indexvideodt1.jpg" /></a></dt>
                <dd><a href="#">【疯蛙解说】面对全满九本斧女和猪球更配“</a></dd>
            </dl>
        	<dl class="l one">
            	<dt><a href="#"><img src="images/indexvideodt2.jpg" /></a></dt>
                <dd><a href="#">《部落冲突》部落战视频总汇</a></dd>
            </dl>
        	<dl class="l one">
            	<dt><a href="#"><img src="images/indexvideodt3.jpg" /></a></dt>
                <dd><a href="#">【逆流解说】27期：九本天女狗球节奏教学</a></dd>
            </dl>
        	<dl class="l one">
            	<dt><a href="#"><img src="images/indexvideodt4.jpg" /></a></dt>
                <dd><a href="#">部落冲突八级大本营阵型-8本阵型推荐</a></dd>
            </dl>
        	<dl class="l last">
            	<dt><a href="#"><img src="images/indexvideodt5.jpg" /></a></dt>
                <dd><a href="#">部落冲突九级大本营阵型-9本阵型推荐</a></dd>
            </dl>
        </div>
    </div>
    <div id="news" class="w">
    	<div class="l left">
        	<a href="#"><img class="one" src="images/indexnewstu1.jpg" /></a>
        	<a href="#"><img class="one" src="images/indexnewstu2.jpg" /></a>
            <table class="l">
                <tr>
                    <td><a href="#">低本新手误区</a></td>
                    <td><a href="#">联盟兵的选择</a></td>
                </tr>
                <tr>
                    <td><a href="#">各级联赛奖励</a></td>
                    <td><a href="#">COC防御机制</a></td>
                </tr>
                <tr>
                    <td><a href="#">可掠夺资源比例</a></td>
                    <td><a href="#">教你设计阵型</a></td>
                </tr>
            </table>
            <h3 class="l">部落冲突话题大讨论</h3>
        	<dl class="l one">
            	<dt><a href="#"><img src="images/indexnewstu3.jpg" /></a></dt>
                <dd><a href="#">【话题讨论】资源调整计划，你怎么看？</a></dd>
            </dl>
        </div>
    	<div class="l center">
        	<div class="l centertop">
        	<h3 class="l">
            	5月更新内容：友谊战及新兵种法术
            </h3>
            <ul class="l">
            	<li class="l"><a href="#">[3月更新内容]</a></li>
            	<li class="l"><a href="#">[新英雄防守]</a></li>
            	<li class="l"><a href="#">[年度热点]</a></li>
            	<li class="l last"><a href="#">[禁封公告]</a></li>
            </ul>
            </div>
        	<div class="l centerbottom">
            <ul class="l top">
            	<li class="l"><a href="#">最新资讯</a></li>
            	<li class="l"><a href="#">最新视频</a></li>
            	<li class="l"><a href="#">精彩回顾</a></li>
            	<li class="l last"><a href="#"><img src="images/indexnewsmore.jpg"/></a></li>
            </ul>
            <ul class="l center2">
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【崔斯特视频解说】教你九本如何上泰杯</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【蒙娜解说】武神狗球三星11本+蓝胖特技…</a><span class="r">07-03</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            </ul>
            <h3 class="l">热门咨询</h3>
            <div class="l gang">&nbsp;</div>
            <ul class="l center3">
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【崔斯特视频解说】教你九本如何上泰杯</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【蒙娜解说】武神狗球三星11本+蓝胖特技…</a><span class="r">07-03</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            	<li class="l"><a href="#">【米饭解说】潜行狙击！掘地矿工流实战…</a><span class="r">07-04</span></li>
            </ul>
            </div>
        </div>
    	<div class="l right">
        <ul class="l center3">
        	<li class="l one yi"><a href="#">防御<br />建筑</a></li>
        	<li class="l er"><a href="#">兵种<br />法术</a></li>
        	<li class="l one san"><a href="#">军队<br />设施</a></li>
        	<li class="l si"><a href="#">资源<br />设施</a></li>
        	<li class="l one wu"><a href="#">装饰<br />设施</a></li>
        	<li class="l liu"><a href="#">其他<br />设施</a></li>
        </ul>
        <img src="images/indexnewsrightyu2.jpg" title="大本营数据" alt="大本营数据"/>
            <div class="l jl" >
                <ul class="l center4">
                    <li class="l one"><a href="#"></a></li>
                    <li class="l two"><a href="#"></a></li>
                    <li class="l three"><a href="#"></a></li>
                    <li class="l four"><a href="#"></a></li>
                    <li class="l five"><a href="#"></a></li>
                    <li class="l six"><a href="#"></a></li>
                </ul>
                <a href="#"><img src="images/indexnewsrightjl3.jpg" /></a>
            </div>
        </div>
    </div>
    <div id="mid" class="w">
    	<ul class="l w">
        	<li class="l"><a href="#">阵型攻略</a></li>
        	<li class="l"><a href="#">十一本阵型</a></li>
        	<li class="l"><a href="#">十本阵型</a></li>
        	<li class="l"><a href="#">九本阵型</a></li>
        	<li class="l"><a href="#">八本阵型</a></li>
        	<li class="l"><a href="#">七本阵型</a></li>
        	<li class="l"><a href="#">六本阵型</a></li>
        	<li class="l"><a href="#">五本阵型</a></li>
        	<li class="l last"><a href="#"><img src="images/indexnewsmore.jpg" /></a></li>
        </ul>
        <div class="l bottom">
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt1.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt2.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt3.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt4.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l one" >
            	<dt class="l"><img src="images/indexmiddt5.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt6.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt7.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt8.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l" >
            	<dt class="l"><img src="images/indexmiddt9.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        	<dl class="l one" >
            	<dt class="l"><img src="images/indexmiddt10.jpg" / ></dt>
                <dd class="l"><a href="#">玩家推荐：六本阵型！<br />几乎无同本可推三星</a></dd>
            </dl>
        </div>
    </div>
    <img class="tanktu1" src="images/indextanktu1.jpg" />
    <div id="tank" class="w">
    	<ul class="l">
        	<li><a href="#">部落战策略</a></li>
        	<li><a href="#">屌丝流</a></li>
        	<li><a href="#">野猪流</a></li>
        	<li><a href="#">抢资源策略</a></li>
        	<li><a href="#">冲杯策略</a></li>
        </ul>
        <a class="l" href="#"><img style="display:block;" src="images/indextanktu2.jpg"/></a>
        	<dl class="r" >
            	<dt class="l"><img src="images/indextankdt1.jpg" / ></dt>
                <dd class="l"><a href="#">【小鹰出品】风骚的女武神天女狗球流</a></dd>
            </dl>
        	<dl class="r" >
            	<dt class="l"><img src="images/indextankdt2.jpg" / ></dt>
                <dd class="l"><a href="#">【小鹰出品】风骚的女武神天女狗球流</a></dd>
            </dl>
        	<dl class="r" >
            	<dt class="l"><img src="images/indextankdt4.jpg" / ></dt>
                <dd class="l"><a href="#">【小鹰出品】风骚的女武神天女狗球流</a></dd>
            </dl>
        	<dl class="r" >
            	<dt class="l"><img src="images/indextankdt3.jpg" / ></dt>
                <dd class="l"><a href="#">【小鹰出品】风骚的女武神天女狗球流</a></dd>
            </dl>
            <p class="l" >常用兵种：<span><a href="#">野猪骑士</a></span><span><a href="#">天使</a></span><span><a href="#">石头人</a></span><span><a href="#">法师</a></span></p>
            <ul class="r two">
            	<li ><a href="#">COC史上最夸张天女 强拆80%…</a></li>
            	<li ><a href="#">COC史上最夸张天女 强拆80%…</a></li>
            	<li ><a href="#">COC史上最夸张天女 强拆80%…</a></li>
            	<li ><a href="#">COC史上最夸张天女 强拆80%…</a></li>
            	<li ><a href="#">COC史上最夸张天女 强拆80%…</a></li>
            	<li ><a href="#">COC史上最夸张天女 强拆80%…</a></li>
            </ul>
            <p class="l" >策略索引：<span><a href="#">联盟兵选择</a></span><span><a href="#">部落战细节</a></span><span><a href="#">造兵生产</a></span><span><a href="#">准备日</a></span><span><a href="#">战争日</a></span></p>
    </div>
    <div id="gamevideo" class="w">
    	<ul class="l">
        	<li class="l"><a href="#">游戏视频</a></li>
        	<li class="l"><a href="#">战术视频</a></li>
        	<li class="l"><a href="#">部落战视频</a></li>
        	<li class="l"><a href="#">抢资源视频</a></li>
        	<li class="l"><a href="#">单机关卡视频</a></li>
        	<li class="r" style="margin-right:50px;"><a href="#"><img src="images/indexgamevideolitu.jpg" / ></a></li>
        </ul>
        <div class="l center">
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt1.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt2.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt3.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt4.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l last">
            	<dt ><img src="images/indexgamevideodt5.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt6.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt7.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt8.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l">
            	<dt ><img src="images/indexgamevideodt9.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        	<dl class="l last">
            	<dt ><img src="images/indexgamevideodt10.jpg"/></dt>
                <dd ><a href="#">[帽子解说] 第30期 你闻过石蓝的味道吗</a></dd>
            </dl>
        </div>
    </div>
    <div id="COC" class="w">
    	<img class="l" src="images/indexCOCtu1.jpg" style="display:block; margin-right:22px; " />
        <div class="l center">
        	<h3>COC部落科技馆</h3>
            <p><a href="#">手绘吐槽场延续之作 暗黑系女巫来袭</a></p>
            <a class="r" href="#"><img src="images/indexCOCtu2.jpg" style=" display:block; margin-right:14px;"/></a>
        </div>
        <div class="l right">
        	<h3 class="l" style="margin:0;">部落招募墙<span class="r"><a href="#"><img src="images/indexCOCtu3.jpg" /></a></span></h3>
        	<ul class="l">
            	<li class="l"><a href="#">如初见</a></li>
            	<li class="l"><a href="#">九州同盟 天居</a></li>
            	<li class="l"><a href="#">如初见</a></li>
            	<li class="l"><a href="#">九州同盟 天居</a></li>
            	<li class="l"><a href="#">如初见</a></li>
            	<li class="l"><a href="#">九州同盟 天居</a></li>
            	<li class="l"><a href="#">如初见</a></li>
            	<li class="l"><a href="#">九州同盟 天居</a></li>
            	<li class="l"><a href="#">如初见</a></li>
            	<li class="l"><a href="#">九州同盟 天居</a></li>
            	<li class="l"><a href="#">如初见</a></li>
            	<li class="l"><a href="#">九州同盟 天居</a></li>
            </ul>
        </div>
    </div>
    <div id="more" class="w" >
    	<ul class="l">
        	<li class="l" style="background:#bb3826; color:#fff;"><a href="#">游戏周边</a></li>
        	<li class="r" style="margin-right:10px;"><a href="#"><img src="images/indexmoretu1.jpg" / ></a></li>
        </ul>
        <dl class="l" style="margin-left:15px;">
            <dt ><img src="images/indexmoredltu1.jpg"/></dt>
            <dd ><a href="#">[周边制作教学] 手工制作野蛮人</a></dd>
        </dl>
        <dl class="l">
            <dt ><img src="images/indexmoredltu2.jpg"/></dt>
            <dd ><a href="#">《部落冲突》 官方最新宣传片：勇敢的骷髅之旅！</a></dd>
        </dl>
        <dl class="l">
            <dt ><img src="images/indexmoredltu3.jpg"/></dt>
            <dd ><a href="#">部落冲突高清壁纸：暗黑的女巫</a></dd>
        </dl>
        <dl class="l">
            <dt ><img src="images/indexmoredltu4.jpg"/></dt>
            <dd ><a href="#">《部落冲突》 全新壁纸之奇妙树</a></dd>
        </dl>
        <dl class="l last" style="margin-right:0;">
            <dt ><img src="images/indexmoredltu5.jpg"/></dt>
            <dd ><a href="#">COC玩家晒自制手办 国王即将出世</a></dd>
        </dl>
    </div>
    <div id="footer" class="w" >
    	<ul>
        	<li class="l"><a href="#">友情链接：</a></li>
        	<li class="l"><a href="#">ShouYou手游网</a></li>
        	<li class="l"><a href="#">最新单机游戏</a></li>
        	<li class="l"><a href="#">皇室战争专区</a></li>
        	<li class="l"><a href="#">王者荣耀专区</a></li>
        	<li class="l"><a href="#">海岛奇兵专区</a></li>
        	<li class="l"><a href="#">全民英雄专区</a></li>
        	<li class="l"><a href="#">自由之战专区</a></li>
        	<li class="l"><a href="#">战斗吧剑灵</a></li>
        </ul>
    </div>
    <div id="bottom" >
    	<ul>
        	<li class="l"><a href="#">关于我们</a></li>
        	<li class="l"><a href="#">人气社区</a></li>
        	<li class="l"><a href="#">商务合作</a></li>
        	<li class="l"><a href="#">加入收藏</a></li>
        	<li class="l"><a href="#">网站地图</a></li>
        </ul>
        <p>Copyright &copy; 2012-2016 ShouYOU.com All right reserved. 北京冠游时空数码技术有限公司 京公网安备11010702000975</p>
    </div>
    <div id="up" onclick="goTop()" style="width:72px; height:72px; background:#9a2b20  url(images/indexup.jpg) no-repeat top center; position:fixed; bottom:40px; right:50px; display:none;">
    	<a href="#" style=" display:block; width:72px; height:13px; line-height:13px; margin-top:49px; font-size:13px; color:#fee46c; text-decoration:none; text-align:center;">回到顶部</a>
    </div>
</body>
</html>
